.block {
  margin-top: 0.5em;
  background: $bg;

  > h3 {
    margin: 0;
    padding: $cell-gap-v $cell-gap-h;
    font-size: $font-size;
    font-weight: 400;
    border-bottom: 1px solid $cell-border-color;
    position: relative;

    &.mid {
      text-align: center;

      > a {
        display: block;

        // right arrow
        &:after {
          content: "";
          position: absolute;
          right: 1rem;
          top: 1rem;
          font-size: 10px;
          height: 1em;
          width: 1em;
          border-width: 2px 2px 0 0;
          border-color: $color-gray;
          border-style: solid;
          transform: rotateZ(45deg);
        }
      }
    }
  }

  > img {
    width: 100%;

    + img {
      margin-top: 0.5em;
    }
  }

  > p {
    margin: 0;
    padding: 1em;
    font-size: 12px;
    color: $color-gray;
  }
}
